<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core">
 
<head>
<link rel="stylesheet" type="text/css" href="../style/main.css" />
</head>
 
<h:body styleClass="body">
    <center>
        <h:outputText value="Registration Page" styleClass="header"></h:outputText>
    </center>
    <h:form>
        <h:panelGrid columns="2">
            <h:outputText value="Desired Username :"></h:outputText>
            <h:inputText id="username" value="#{registrationBean.entered_username}"
                required="true" requiredMessage="Please Enter Username!"
                validatorMessage="Entered Username is of Invalid Length">
               <f:validateLength minimum="2" maximum="20" /></h:inputText>
 
            <h:outputText value="Desired Password :"></h:outputText>
            <h:inputText id="password" value="#{registrationBean.entered_password}"
                required="true" requiredMessage="Please Enter Password!"
                validatorMessage="Entered Password is of Invalid Length">
               <f:validateLength minimum="2" maximum="20" /></h:inputText>

            <h:outputText value="Firstname :"></h:outputText>
            <h:inputText id="firstname" value="#{registrationBean.entered_firstname}"
                required="true" requiredMessage="Please Enter Firstname!"
                validatorMessage="Entered Firstname is of Invalid Length">
               <f:validateLength minimum="2" maximum="25" /></h:inputText>

            <h:outputText value="Lastname :"></h:outputText>
            <h:inputText id="lastname" value="#{registrationBean.entered_lastname}"
                required="true" requiredMessage="Please Enter Lastname!"
                validatorMessage="Entered Lastname is of Invalid Length">
               <f:validateLength minimum="2" maximum="25" /></h:inputText>

            <h:outputText value="Email :"></h:outputText>
            <h:inputText id="emailname" value="#{registrationBean.entered_email}"
                required="true" requiredMessage="Please Enter Email!"></h:inputText>

 
            <h:commandButton value="  Enter  " 
                action="#{registrationBean.registrationAction}"/>
 
        </h:panelGrid>
    </h:form>
</h:body>
 
</html>